<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
<style type='text/css'>
body{background-color:#f7fcfa}
h1{color:#99ccff}
form{	position:relative;
		border:2px solid #a1a1a1;
		padding:1px		;
		width:100px;
		
*.input_style 
        {
            width: 400px;
            height: 25px;
            font-size: 22px;
}
#
{    
    height: auto;
    overflow: hidden;
    border: solid 1px #CCCCCC;
}

}
input {
    width: 250px;
    height: 50px;
    line-height: 30px;
    margin-left: 30%;
    text-align: left;
    font-family: 楷体;
	font-size:20px;
}


#submit {
    display: block;
    width: 200px;
    height: 30px;
    margin-left: 35%;
    margin-top: 15px;
    margin-bottom: 5px;
	text-align:center;
	
}
fieldset
{width:40% ;
margin-left:30%;
border-radius:10px;
background-color：#F00;
}
h5{text-align:center;}
a{text-align:center;
}
</style>

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
	<script  src="zhuce.js"></script>

</head>


<body>
	<section class=''>
		<h1 style="text-align:center;">风流</h1>
		 <h4 style="text-align:center">有趣的灵魂总会相遇</h4>
			<fieldset >
			<legend>Information</legend>
			
			  <input id='userid' type='text' required placeholder='用户名' /><br>

			  <input id='password' type='passwoed' required placeholder='密码' onKeyUp="pwStrength(this.value)" onBlur="pwStrength(this.value)"/><br>
					 <div class="form-group">
					<label for="frame">密码强度</label>
					<table class="table table-striped table-bordered" id="frame" >
						<tbody>
						<tr align="center">
						  <td width="25%" id="strength_L" align="center">弱</td>
						  <td width="25%" id="strength_M" align="center">中</td>  
						  <td width="25%" id="strength_H" align="center">强</td>  
						</tr>  
						</tbody>
					</table>  
					</div>
			  <input id='password_2' type='password' required placeholder='确认密码' /><br>
			 
			 <input id='email' type='email' placeholder='邮箱' autocomplete="on"/><br>
			
			 <input id='phoneNumber' type='text' placeholder='手机号' />
			 <div class="alert alert-info">
				<input id='read' type='checkbox'>我已仔细阅读并接受<a href="#" target="_blank">用户服务条款</a>
			 </div>
			
			<input id ='submit' type='button' value="注册" onclick="test()">

			<input id='submit' type='button' value='已有账号?' onclick="window.location.href='http://eggward.gitee.io/login/'">;
			
			</fieldset>
		 
		    
		  
		
	</section> 	
	

</body>
<script>
</script>
</html>
		